<!DOCTYPE html>
<html lang="en">
<head>

    <link rel="stylesheet" href="assets/css/jquery.dialogbox.css">


    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <button id="testDialog">对话框测试</button>
    <div id="type-dialogBox"></div>


    <script src="assets/js/jquery-1.11.3.min.js"></script>
    <script src="assets/js/jquery.dialogBox.js"></script>

    <script type="text/javascript">
        $('#testDialog').click(function(){
            console.log('点击了button')
            $('#type-dialogBox').dialogBox({
                type: 'correct',  //three type:'normal'(default),'correct','error',
                width: 300,
                height: 200,
                hasMask: true,
                hasClose: true,
                hasBtn: true,
                effect: 'sign',
                title: 'title text',
                content: 'xxxx'
            });
        })
    </script>
</body>



</html>